<template>
  <view class="container">
    <!-- 审批失败 -->
    <view class="approvestatus">
      <veiw>
        <view>申请时间：2022-02-22 09:00:00</view>
        <view>审批时间：2022-02-22 09:00:00</view>
        <view>审批意见：资料有误，请重新填写</view>
      </veiw>
      <image src="../../static/refuseapprove.png" mode="" style="vertical-align: center; width: 124rpx; height: 124rpx"></image>
    </view>
    <!-- 分类 -->
    <view class="item" @click="choosetype">
      <view>分类</view>
      <view>文本</view>
    </view>
    <!-- 店铺名称 -->
    <view class="item">
      <view>店铺名称</view>
      <view>豆丁之家旗舰店</view>
    </view>
    <!-- 手机号 -->
    <view class="item">
      <view>手机号</view>
      <view>（+86）18512345678</view>
    </view>
    <!-- 国家-->
    <view class="item">
      <view>国家/城市</view>
      <view>郑州市</view>
    </view>
    <!-- 详细地址-->
    <view class="item">
      <view>详细地址</view>
      <view>中州大道37号院一楼商铺</view>
    </view>
    <!-- 开店说明 -->
    <view class="item">
      <view>开店说明</view>
      <view>请尽快审批。联系人王经理，备用接 听电话123871238。</view>
    </view>
    <!-- 申请费 -->
    <view class="item">
      <view>申请费</view>
      <view>￥1000.00</view>
    </view>
    <!-- 提示 -->
    <view class="tip">上传文件（身份证、护照、营业执照、税号照片、最 多9张照片）</view>
    <!-- 回显图片 -->
    <view class="uploadimg"><image src="../../../static/app_icon.png" class="showimglist"></image></view>
    <view class="applybtn">重新提交</view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    // 选择分类
    choosetype() {
      uni.navigateTo({
        url: '/sub_my/choosetype/choosetype'
      });
    },
    // 选择国家
    choosecrountry() {
      uni.navigateTo({
        url: '/sub_goodstype/choosecountre/choosecountre'
      });
    }
  }
};
</script>

<style lang="less" scoped>
.container {
  box-sizing: border-box;
  background-color: #fff;
  margin-top: 10rpx;
  // 审批状态
  .approvestatus {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 750rpx;
    height: 180rpx;
    background: #61bdb2;
    color: #fff;
    padding: 0 27rpx;
    font-size: 28rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }
  .item {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 750rpx;
    height: 100rpx;
    background: #ffffff;
    padding: 0 34rpx 0 34rpx;
    .ipt {
      box-sizing: border-box;
      padding: 18rpx 30rpx;
      width: 442rpx;
      height: 78rpx;
      background: #f3f3f3;
      border-radius: 16rpx 16rpx 16rpx 16rpx;
    }
  }
  .shopintruduction {
    box-sizing: border-box;
    width: 750rpx;
    height: 408rpx;
    background: #ffffff;
    padding: 0 34rpx;
    margin-top: 30rpx;
    .text {
      box-sizing: border-box;
      width: 690rpx;
      height: 292rpx;
      background: #f8f8f8;
      border-radius: 16rpx 16rpx 16rpx 16rpx;
      padding: 32rpx 20rpx;
      margin-top: 10rpx;
    }
  }
  .tip {
    box-sizing: border-box;
    padding: 0 34rpx;
    width: 750rpx;
    font-size: 30rpx;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    color: #222222;
  }
  .uploadimg {
    box-sizing: border-box;
    padding: 0 34rpx;
    margin-top: 30rpx;
    .showimglist {
      display: inline-block;
      width: 180rpx;
      height: 180rpx;
      border-radius: 20rpx 20rpx 20rpx 20rpx;
      margin-right: 24rpx;
    }
  }
  .applybtn {
    width: 640rpx;
    height: 100rpx;
    background: #61bdb2;
    text-align: center;
    line-height: 100rpx;
    margin-top: 48rpx;
    margin-left: 56rpx;
    color: #fff;
    border-radius: 50rpx 50rpx 50rpx 50rpx;
  }
}
</style>
